body { font-family:Helvetica, arial, sans-serif; font-size: 14px; line-height: 1.6; color:#98b2a0; padding: 30px 0 0 0; margin:0; background:#0c1c23 url(bg.jpg) top center no-repeat; }
body > *:first-child { margin-top: 0 !important; }
body > *:last-child { margin-bottom: 0 !important; }
a { color: #97c885; text-decoration:none; }
a:hover{ color: white;text-decoration:underline;  }
a.absent { color: #cc0000; }
a.anchor { display: block; padding-left: 30px; margin-left: -30px; cursor: pointer; position: absolute; top: 0; left: 0; bottom: 0; }
h1, h2, h3, h4, h5, h6 { margin: 10px 0 10px 0; padding: 0; font-weight: bold; -webkit-font-smoothing: antialiased; cursor: text; position: relative; }
h1:hover a.anchor, h2:hover a.anchor, h3:hover a.anchor, h4:hover a.anchor, h5:hover a.anchor, h6:hover a.anchor { text-decoration: none; }
h1 tt, h1 code { font-size: inherit; }
h2 tt, h2 code { font-size: inherit; }
h3 tt, h3 code { font-size: inherit; }
h4 tt, h4 code { font-size: inherit; }
h5 tt, h5 code { font-size: inherit; }
h6 tt, h6 code { font-size: inherit; }
h1 { font-size: 28px; color: #fffad1; }
h2 { margin-top: 30px; font-size: 24px; border-bottom: 1px solid #4d6564; color: #fffad1; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { color: #777777; font-size: 14px; }
p, blockquote, ul, ol, dl, li, table, pre { margin: 5px 0; list-style:none; }
hr { background: transparent url("dirty-shade.png") repeat-x 0 0; border: 0 none; color: #e3deb3; height: 4px; padding: 0; }
body > h2:first-child { margin-top: 0; padding-top: 0; }
body > h1:first-child { margin-top: 0; padding-top: 0; }
body > h1:first-child + h2 { margin-top: 0; padding-top: 0; }
body > h3:first-child, body > h4:first-child, body > h5:first-child, body > h6:first-child { margin-top: 0; padding-top: 0; }
a:first-child h1, a:first-child h2, a:first-child h3, a:first-child h4, a:first-child h5, a:first-child h6 { margin-top: 0; padding-top: 0; }
h1 p, h2 p, h3 p, h4 p, h5 p, h6 p { margin-top: 10px; }
p { line-height:26px; margin-bottom: 10px;}
li p.first { display: inline-block; }
ul, ol { padding-left: 2px; }
ul :first-child, ol :first-child { margin-top: 0; }
ul :last-child, ol :last-child { margin-bottom: 0; }
dl { padding: 0; }
dl dt { font-size: 14px; font-weight: bold; font-style: italic; padding: 0; margin: 15px 0 5px; }
dl dt:first-child { padding: 0; }
dl dt > :first-child { margin-top: 0; }
dl dt > :last-child { margin-bottom: 0; }
dl dd { margin: 0 0 15px; padding: 0 15px; }
dl dd > :first-child { margin-top: 0; }
dl dd > :last-child { margin-bottom: 0; }
blockquote { border-left: 5px solid #fffad1; padding: 0 20px; color: #fffad1; font-family:Consolas; font-size:12px; margin:10px 0; }
blockquote > :first-child { margin-top: 0; }
blockquote > :last-child { margin-bottom: 0; }
table { padding: 0; }
table tr { border-top: 1px solid #cccccc; background-color: white; margin: 0; padding: 0; }
table tr:nth-child(2n) { background-color: #f8f8f8; }
table tr th { font-weight: bold; border: 1px solid #cccccc; text-align: left; margin: 0; padding: 6px 13px; }
table tr td { border: 1px solid #cccccc; text-align: left; margin: 0; padding: 6px 13px; }
table tr th :first-child, table tr td :first-child { margin-top: 0; }
table tr th :last-child, table tr td :last-child { margin-bottom: 0; }
img { max-width: 100%; border-color:#111111;border:5px }
span.frame { display: block; overflow: hidden; }
span.frame > span { border: 1px solid #dddddd; display: block; float: left; overflow: hidden; margin: 13px 0 0; padding: 7px; width: auto; }
span.frame span img { display: block; float: left; }
span.frame span span { clear: both; color: #333333; display: block; padding: 5px 0 0; }
span.align-center { display: block; overflow: hidden; clear: both; }
span.align-center > span { display: block; overflow: hidden; margin: 13px auto 0; text-align: center; }
span.align-center span img { margin: 0 auto; text-align: center; }
span.align-right { display: block; overflow: hidden; clear: both; }
span.align-right > span { display: block; overflow: hidden; margin: 13px 0 0; text-align: right; }
span.align-right span img { margin: 0; text-align: right; }
span.float-left { display: block; margin-right: 13px; overflow: hidden; float: left; }
span.float-left span { margin: 13px 0 0; }
span.float-right { display: block; margin-left: 13px; overflow: hidden; float: right; }
span.float-right > span { display: block; overflow: hidden; margin: 13px auto 0; text-align: right; }
code, tt { margin: 0 2px; padding: 0 5px; white-space: nowrap; border: 1px solid #111111; background-color: #111111; border-radius: 3px;font-family:consolas; font-size:13px; line-height:20px;  }
pre code { margin: 0; padding: 0; white-space: pre; border: none; background: transparent; }
.highlight pre { color:#aaaaaa; background-color: #535353; border: 1px solid #111111; font-size: 12px; line-height: 19px; overflow: auto; padding: 6px 10px; border-radius: 3px; }
pre { background-color: #252525; border: 1px solid #111111; font-size: 12px; line-height: 19px; overflow: auto; padding: 6px 10px; border-radius: 10px;}
pre code, pre tt { background-color: transparent; border: none; white-space: pre-wrap;word-break: break-all; }

/*scrollbar*/
::-webkit-scrollbar {width: 7px;height: 7px;}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {height: 0px;display: block;background-color: transparent;}
::-webkit-scrollbar-track-piece {background: black;}
::-webkit-scrollbar-thumb {background: black;}
::-webkit-scrollbar-thumb:vertical {border-right: 2px #fff solid;height: 50px;}
::-webkit-scrollbar-thumb:horizontal {border-bottom: 2px #fff solid;width: 50px;}
::-webkit-scrollbar-thumb:hover {background: black;border-width:5px;}

/* top header */
header { padding-top:100px; }
header img{border:0; }
header .nav{display:block;height:42px;color:#84acd3; background-image:url(header_bg.png); position:fixed;left:0; top:0; right:0; z-index:1000;}
header .nav a{ display:block; height:42px;line-height:42px; padding:0 25px; float:left; color:white;margin-right:10px;}
header .nav a:hover,header .nav a.active{text-decoration:none; background-image:url(header_nav_btn_bg.png); color:white;}
header .nav a span{padding-right:15px; font-family:simsun;}
header .nav .page {margin-top:-42px;}
header .nav .page a{float:right;}

/* custom */
header p.name{ margin-bottom:20px; color:#fffad1; font-size:60px;}
header p.intro{ margin:20px 0 20px 0; color:#fffad1; font-size:14px;}
header .logo{width:100px;height:46px;margin:auto;background-image:url(logo.png);background-position:center;background-repeat:no-repeat; position:relative; top:42px; z-index:1001;}
article { max-width:1003px; margin:0 auto; }
.maxbg { max-width:1003px; margin:0 auto;}
.footer { background:#071015 url(footer_bg.jpg) center no-repeat; padding:0 0 290px 0; }
.bg{ background:url(1pxbg.png); padding:10px; }
.highlight { color:#fffad1;}
blockquote p{ line-height:16px;}
.col3 li{ width:33%; float:left;}
.col4 li{ width:25%; float:left;}
.clear{clear:both;}
